<template>
  <van-cell center clickable @click="$emit('onClick')">
    <template #icon>
      <van-image round width="30px" height="30px" fit="contain" error-icon="cluster cspg-color-yellow" src='none' />
    </template>
    <template #default>
      <van-row>{{department.department_path.substr(department.department_path.indexOf('/') + 1)}}</van-row>
    </template>
    <template #right-icon>
      <van-radio :name="department"/>
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'CardRadioDept',
  props: ['department']
}
</script>

<style scoped lang="less">
.van-cell {
  font-size: 12px;
  padding: 5px 16px;
  .van-row {
    padding: 0px 10px;
    line-height: 20px;
  }
}
</style>
